.cr-pt{
  cursor: pointer;
}
body{
  background-color: #f4f8fb;
}
.wrapper{
  padding: 12px;
  background-color: #eaeef2;
  border-radius: 4px;
}

.container-lg{
  width: 1200px;
  padding: 100px 0;
  margin: 0 auto;
}
.collected{
  color: #ffb800;
}
a {
  text-decoration: none;
  color: inherit;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul, li, h3, h4 {
  margin: 0;
  list-style: none;
}
.fx{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ml-14{
  margin-left: 14px;
}
.logo{
  width: 80px;
  height: 80px;
  border-radius: 8px;
}
.title{
  font-size: 30px;
  font-weight: bold;
  color: #333;
}
.header-wrapper{
  display: inline-block;
}
li{
  display: inline-block;
}
.btn{
  border: 1px solid #ddd;
}
.bc-f8:hover{
  border: 1px solid #ddd;
  background-color: #f8f9fd;
}
h2{
  font-size: 22px;
}
h4{
  font-size: 14px;
  color: #8C8E9C;
  margin-top: 8px;
}
/* 登录 */
.container-wrapper{
  height: 100%;
  margin: 24px 0;
  padding: 20px 12px;
  background-color: #fff;
}
.form-item{
  margin: 8px 0;
}
.input{
  padding: 2px 10px;
  border-radius: 4px;
  line-height: 35px;
  height: 35px;
  outline: none;
  border: 1px solid #e6e6e6;
  font-size: 13px;
  width: 226px;
  color: #47494f;
  margin-left: 4px;
}
.btn-wrapper{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.main{
  display: flex;
  padding-left: 14px;
}
.form-label {
  display: inline-block;
  width: 70px;
}
.h-36{
  height: 36px;
}
/* 笔记列表 */
.plr-0{
  padding: 12px 0;
}
.sec-title{
  font-size: 14px;
}
.note-item{
  margin-top: 20px;
  min-width: 250px;
  display: inline-block;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-left: 14px;
  margin-right: 14px;
}
.ww-bw{
  word-wrap: break-word;
}
.note-logo-wrapper{
  width: 36px;
  height: 36px;
  padding: 6px;
  line-height: 24px;
  box-sizing: border-box;
  background-color: #f4effd;
  color: #af93fe;
  border-radius: 6px;
  text-align: center;
}
select {
  color: #47494f;
  width: 226px;
  border: 1px solid #e6e6e6;
  height: 35px;
  padding-left: 8px;
  border-radius: 3px;
  outline: none;
  background: -webkit-linear-gradient(#fff, #fafafa);
  background: -o-linear-gradient(#fff, #fafafa);
  background: -moz-linear-gradient(#fff, #fafafa);
  background: linear-gradient(#fff, #fafafa);
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  margin-left: 14px;
  margin-bottom: 20px;
}